<template>
  <div class="hotranking">
     <Item :data="hotranking"></Item>
  </div>
</template>

<script>
import Item from "./item/item.vue"
export default {
    components:{
        Item
    },
    data(){
        return{
            hotranking :[]
        }
    },
    mounted() {
        this.$http.get("/playlist/detail?id=3778678").then(res=>{
            this.hotranking = res.data.playlist.tracks.slice(0,30)
        })
    },
}
</script>

<style>

</style>